<template>
    <div>
        <template v-for="menu in menuList">
            <Submenu v-if="menu.sub" :name="menu.name" :key="menu.name">
                <template slot="title">
                    <Icon :type="menu.icon"/>
                    {{menu.title}}
                </template>
                <left-menu :menu-list="menu.sub"></left-menu>
            </Submenu>
            <MenuItem :name="menu.name"
                      v-else
                      :key="menu.name"
                      :to="menu.route">
                <Icon :type="menu.icon"/>
                {{menu.title}}
            </MenuItem>
        </template>
    </div>
</template>

<script>
    export default {
        name: "LeftMenu",
        props: ['menuList']
    }
</script>

<style scoped>

</style>
